vuex 和 pinia

vuex
    安装：---》创建项目的时候 
    npm install vuex -S
    main.js
        import store from './store'
        .use(store)
    store/index.js
    
    使用：
        import {useStore} from 'vuex'
        let store = useStore()
        store.state.变量

        注意：调用mutations 需要commit

        modules：vuex 可能有很多模块：
             users.js cart.js  fav.js .....

    数据持久化： vuex-persistedstate  localStorage

常用方法：
    state 数据源
    getters: 返回被以来的数据
    mutations: 更新state数据 同步  commit
    actions: 提交mutations  异步的  dispatch
    module: 对多模块进行管理的



pinia 状态管理：
   npm install pinia -S 
   main
    import {createPinia} from 'pinia'
    .use(createPinia())
   store/*.js

   分模块：

   持久化：pinia-plugin-persistedstate
        npm install pinia-plugin-persistedstate -S

区别
    拥有的方法：
        vuex  state getters mutation actions module
        pinia  state getters actions
    pinia 调用起来更方便
    可以直接对数据进行读写，不需要 commit dispatch
    vuex 缺少模块属性支持 pinia中具有
    pinia 支持ts 比vuex更好